<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html" xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core" xml:lang="en" lang="en">
<h:head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <h:outputStylesheet library="css" name="style.css"/>
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
    <title>#{BundleLabels.name_APP}</title>
</h:head>
<h:body>
    <div id="layout">
        <ui:include src="header.xhtml"/>
        <rich:panel headerClass="outpanelHeader">
            <f:facet name="header">
                <ui:include src="menu.xhtml"/>
            </f:facet>
            <h:panelGrid columns="2" width="100%" cellpadding="0" cellspacing="0" columnClasses="panelGrid">
                <rich:panel style="width: 70%; vertical-align: top" bodyClass="inpanelBody">
                    <f:facet name="header">
                        Opciones Principales
                    </f:facet>
                    <ul>
                        <li>
                            <h:outputLink value="#">
                                <h:outputText value=" Ver mis productos."/>
                            </h:outputLink>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <h:outputLink value="#">
                                <h:outputText value="Ver productos de interes."/>
                            </h:outputLink>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <h:outputLink value="#">
                                <h:outputText value="Ver productos de un proveedor."/>
                            </h:outputLink>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <h:outputLink value="#">
                                <h:outputText value="Busqueda segmentada de productos."/>

                            </h:outputLink>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <h:outputLink value="#">
                                <h:outputText value="Busqueda de proveedores."/>
                            </h:outputLink>
                        </li>
                    </ul>
                </rich:panel>
                <rich:panel style="padding:1;width: 100%; vertical-align: top" bodyClass="inpanelBody">
                    <ui:insert name="content"/>
                </rich:panel>
            </h:panelGrid>
            <ui:include src="footer.xhtml"/>
        </rich:panel>
    </div>
</h:body>
</html>